<template>
  <div class="content">
    <div class="content-left">
        <ContentNav
         />
    </div>
    <div class="content-right">
        <ShowContent
          :id='id'
          :title='title'
         />
    </div>
  </div>
</template>

<script>
import ContentNav from './ContentNav'
import ShowContent from './ShowContent'
export default {
  name:'Content',
  components:{
    ContentNav,
    ShowContent
  },
  data(){
    return{
      id:'',
      title:''
    }
  },
  methods:{
    
    getid(data){
      console.log(data)
      this.id = data.pid;
      this.title = data.name
    }
  }
}
</script>

<style scoped>
.content{
  width:80%;
  margin:0 auto;
  margin-top:10px;
  overflow: hidden;
}
.content-left{
  float: left;
  width:30%;
  height: 100%;
}
.content-right{
  float: left;
  width:70%;
  height: 100%;
}
</style>